<template>
  <div>
    <h2>自定义带Hover提示的按钮</h2>
    <!-- 
      当用户在使用封装的额按钮的时候，需要向HintButton组件传递相应的参数 
     -->
    <!-- 二次封装的HintButton按钮的时候，把人家el-button需要的数据传递过去 -->
    <!-- @click，底下这里代表的是自定义事件 -->
    <HintButton
      type="success"
      icon="el-icon-plus"
      title="我是中国人"
      @click="handler"
    />
    <el-button type="primary" icon="el-icon-plus" size="mini">添加</el-button>
  </div>
</template>

<script type="text/ecmascript-6">
import HintButton from './HintButton';
export default {
  name: 'AttrsListenersTest',
  components: {
    HintButton
  },
  methods: {
    handler() {
      alert('弹弹弹');
    },
  },
}
</script>
